<template>
  <div class="header">
    <div class="content-wrapper">
      <div class="avatar">
        <img  :src="seller.avatar">
      </div>
      <div class="content">
        <div class="title">
          <!-- <span class="brand"></span> -->
          <span class="name">{{seller.name}}</span>
        </div>
      </div>
    </div>
    <div class="background">
      <img :src="seller.avatar" alt="" class="" width="100%" height="100%">
    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  export default {
    props: {
      seller: {
        type: Object
      }
    },
    data() {
      return {
        detailShow: false
      };
    },
    mounted(){
    },
    methods: {
      showDetail() {
        this.detailShow = true;
      },
      hideDetail() {
        this.detailShow = false;
      }
    },
    created() {
      this.classMap = ['decrease', 'discount', 'special', 'invoice', 'guarantee'];
    },
    components: {
    }
  };
</script>
<style lang="stylus" rel="stylesheet/stylus">
  @import "header.styl";
</style>
